<template>
	<view>
		<view class="status_bar">
			<!-- 这里是状态栏 -->
		</view>
		<view class="top">
			<text>学工服务</text>
		</view>
		<view class="box-body">
			<view class="list1">
				<view class="img_box" @click="al()">
					<image src="../../static/app/active.png" mode="widthFix"></image>
					<text>活动(开发中)</text>
				</view>
				<view class="img_box" @click="mark()">
					<image src="../../static/app/chengzhang.png" mode="widthFix"></image>
					<text>成绩查询</text>
				</view>
				<view class="img_box" @click="kb()">
					<image src="../../static/app/zhihui2.png" mode="widthFix"></image>
					<text>无课表</text>
				</view>
				<view class="img_box" @click="kunnan()">
					<image src="../../static/app/kunnan.png" mode="widthFix"></image>
					<text>春节补助</text>
				</view>
			</view>


		</view>

	</view>
</template>

<script>
	var that; // 当前页面对象
	var vk; // vk依赖
	export default {
		data() {
			return {

			}
		},
		onLoad(options) {
			that = this;
			vk = that.vk;
			that.options = options;
		},
		methods: {
			index: function() {
				uni.navigateTo({
					url: '../index/index'
				})
			},
			kb: function() {

				uni.navigateTo({
					url: './kb/kb'
				})
			},
			al: function() {
				alert('开发中')
			},
			mark: function() {
				uni.navigateTo({
					url: '../mark/mark'
				})
			},
			kunnan: function() {
				vk.navigateTo({
					url: "../zizhu/chunjie/chunjie"
				})
			}
		}
	}
</script>

<style>
	page {
		background-color: #fff;
		overflow: hidden;
	}

	.top {
		margin-top: 10px;
	}

	.top text {
		font-size: 15px;
		color: #000000;
		margin-left: 20px;
	}

	.list1 {
		margin: 10px 0 0;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}

	.list1 image {
		width: 40px;
	}

	.img_box {
		display: flex;
		flex-direction: column;
		align-items: center;
		color: #000000;
		font-size: 12px
	}

	.img_box text {
		margin-top: 2px;
	}

	
</style>
